<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	$(function(){
		//alert('111');
		//alert($('#cont').html());
		//$('#cont').append('456');
		//$('#cont').css('color','green')
		//$('#cont').fadeOut(1000);
		//$('#cont').fadeIn(1000);
		//$('#cont').animate({right: '150px'}, 1000); 
		//document.getElementById('select').disabled=true;
		//alert($('select').find("option:selected").text());
	});
	
	function tj(){
	     //var name = $('#uname').html();
	    var name = $('#uname2').val();   //input
		 $.ajax({
                url:'${pageContext.request.contextPath}/modelPages/login',
                data:{name:name,age:12},
                type:'post',
                success:function(data){              //String   ’success‘
                	alert("请求成功");
                	alert(data);
              	},
              	fail:function(data){
              	
              	}
         });
	}
	
</script>

</head>
<body>
	<h1 id='uname'>测试题</h1>
	<input id='uname2' value='李四'/>
	<div style="color: green">将123后面追加456</div>
<!--	<div id='cont' style="height:500px; width:500px; background-color: green">123</div>-->
	<input type="button" value='test' onclick="tj()"/>
	<a href='${pageContext.request.contextPath}/modelPages/login'>dianji</a>
	
	<hr/>
	<form id="form1" name="form1" method="post" action="">
	  <select name="select" id="select">
	  <option value="a">1</option>
	  <option value="b">2</option>
	  </select>
	</form>
	<br/>
</body>
</html>